<template>
	<view class="header">
		<navigator open-type="navigateBack">
			<image :src="`${constant.imgUrl}${backImg}`" alt="返回"></image>
		</navigator>
	</view>
</template>

<script>
export default {
	name: 'app-header',
	data() {
		return {
			backImg: 'login/back.png',
			constant: this.$constant
		}
	}
}
</script>

<style scope>

.header {
	display: flex;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	/* height: var(--window-top); */
	background-color: transparent;
	z-index: 9999;
}

.header navigator {
	display: flex;
	align-items: center;
	padding: 26px 30px;
	height: 100%;
}

.header image{
	width: 20px;
	height: 34px;
}

</style>
